/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/core/Breadcrumbs/HiddenItems/style.module.sass ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_item__F6S_4 {
		display: flex;
		align-items: center;
		gap: 2px;
		border-radius: 4px;
		background: #F1F1F4;
		padding: 4px;
		cursor: pointer;
}
.style_item__F6S_4 span {
		background: #9FAAB0;
		width: 4px;
		height: 4px;
		border-radius: 50%;
}
.style_itemWrap__6k_SC {
		position: relative;
}

.style_popupWrap__jT1mz {
		position: absolute;
		left: 0;
		z-index: 100;
}
@media only screen and (max-width: 767px) {
		.style_popupWrap__jT1mz {
				left: -8px;
		}
}
.style_popupContent__KtB9a {
		position: relative;
		margin-top: 10px;
		padding: 4px 16px;
		background: #fff;
		white-space: nowrap;
		filter: drop-shadow(0 0 4px #DEDEDE);
}
@media only screen and (max-width: 767px) {
		.style_popupContent__KtB9a {
				margin-top: 14px;
				padding: 4px 8px;
		}
}
.style_popupContent__KtB9a::before {
		position: absolute;
		content: "";
		top: -10px;
		width: 0;
		height: 0;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-bottom: 10px solid #ffffff;
		border-bottom: 10px solid rgb(255, 255, 255);
}
@media only screen and (max-width: 767px) {
		.style_popupContent__KtB9a::before {
				left: 8px;
		}
}

.style_elem__Hdgbt {
		display: flex;
		gap: 8px;
		align-items: center;
		padding: 12px 0;
		font: 400 15px/140% var(--my-open-sans-regular);
		color: #231F20;
		transition: color 0.3s;
		max-width: 200px;
}
@media only screen and (max-width: 767px) {
		.style_elem__Hdgbt {
				font-size: 13px;
				padding: 8px 0;
		}
}
.style_elem__Hdgbt:hover {
		color: #d2233c;
}
.style_elem__Hdgbt + .style_elem__Hdgbt {
		border-top: 1px solid #DEDEDE;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/core/Breadcrumbs/style.module.sass ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_breadcrumbs__ArFZk {
		display: inline-flex;
		align-items: center;
		flex-flow: row nowrap;
		width: 100%;
		margin-bottom: 28px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_breadcrumbs__ArFZk {
				margin-bottom: 20px;
		}
}
@media only screen and (max-width: 767px) {
		.style_breadcrumbs__ArFZk {
				margin-bottom: 12px;
		}
}
.style_breadcrumbsItem__gKNGn {
		font-size: 400 14px/140% var(--my-open-sans-regular);
		color: #3E3E43;
		transition: color 0.3s;
		white-space: nowrap;
		display: inline-block;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_breadcrumbsItem__gKNGn {
				font-size: 13px;
		}
}
@media only screen and (max-width: 767px) {
		.style_breadcrumbsItem__gKNGn {
				font-size: 12px;
				line-height: 120%;
		}
}
.style_breadcrumbsItem__gKNGn:hover {
		color: #d2233c;
}
.style_breadcrumbsSeparator___74Mc {
		margin: 2px 10px 0 10px;
}
@media only screen and (max-width: 767px) {
		.style_breadcrumbsSeparator___74Mc {
				margin: 1px 6px 0 6px;
		}
}
.style_breadcrumbsAll__gR_Tg {
		margin-top: 4px;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/core/Htag/style.module.sass ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_h1__42MkN {
		font: 600 40px/124% var(--my-open-sans-regular);
		color: #231F20;
}
@media only screen and (max-width: 767px) {
		.style_h1__42MkN {
				font-size: 20px;
				line-height: 130%;
		}
}

.style_h2___LQuN {
		font: 600 32px/120% var(--my-open-sans-regular);
		color: #231F20;
}
@media only screen and (max-width: 767px) {
		.style_h2___LQuN {
				font-size: 18px;
				line-height: 120%;
		}
}

.style_h3__ctBjL {
		font: 600 28px/120% var(--my-open-sans-regular);
		color: #231F20;
}
@media only screen and (max-width: 767px) {
		.style_h3__ctBjL {
				font-size: 18px;
				line-height: 120%;
		}
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/core/NewDesign/Button/style.module.sass ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_current__QNI9X {
		cursor: pointer;
		border: 1px solid transparent;
		transition: opacity 0.3s ease, color 0.3s ease, background 0.3s ease, border 0.3s ease, box-shadow 0.3s ease;
}
.style_current__QNI9X.style_primary___W6lm {
		font: 600 16px/140% var(--my-open-sans-regular);
		height: 46px;
		padding: 12px 24px;
		color: #fff;
		background: #d2233c;
		display: flex;
		align-items: center;
		justify-content: center;
		width: -moz-fit-content;
		width: fit-content;
		border-radius: 4px;
}
@media only screen and (max-width: 767px) {
		.style_current__QNI9X.style_primary___W6lm {
				height: 36px;
				padding: 8px 24px;
				font-size: 14px;
		}
}
.style_current__QNI9X.style_primary___W6lm:hover {
		background: #B9182F;
}
.style_current__QNI9X.style_primary___W6lm:focus {
		border: 1px solid #B9182F;
}
.style_current__QNI9X.style_primary___W6lm:active {
		background: #E3173E;
}
.style_current__QNI9X.style_primary___W6lm:disabled {
		background: #E5E6E7;
		cursor: not-allowed;
}
.style_current__QNI9X.style_secondary__BA6pD {
		font: 600 16px/140% var(--my-open-sans-regular);
		height: 46px;
		padding: 12px 24px;
		color: #d2233c;
		background: #F1F1F4;
		display: flex;
		align-items: center;
		justify-content: center;
		width: -moz-fit-content;
		width: fit-content;
		border-radius: 4px;
}
@media only screen and (max-width: 767px) {
		.style_current__QNI9X.style_secondary__BA6pD {
				height: 36px;
				padding: 8px 24px;
				font-size: 14px;
		}
}
.style_current__QNI9X.style_secondary__BA6pD:hover {
		background: #DEDEDE;
}
.style_current__QNI9X.style_secondary__BA6pD:focus {
		border: 1px solid #DEDEDE;
}
.style_current__QNI9X.style_secondary__BA6pD:active {
		background: #DEDEDE;
}
.style_current__QNI9X.style_secondary__BA6pD:disabled {
		background: #E5E6E7;
		cursor: not-allowed;
}
.style_current__QNI9X.style_outline__9R_iC {
		font: 600 16px/140% var(--my-open-sans-regular);
		color: #d2233c;
		background: #fff;
		border-color: #d2233c;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 4px;
		height: 46px;
		padding: 12px 24px;
}
@media only screen and (max-width: 767px) {
		.style_current__QNI9X.style_outline__9R_iC {
				font-size: 14px;
				height: 36px;
				padding: 8px 24px;
		}
}
.style_current__QNI9X.style_outline__9R_iC:hover {
		color: #B9182F;
		border-color: #B9182F;
}
.style_current__QNI9X.style_outline__9R_iC:focus {
		color: 1px solid #B9182F;
		border-color: #B9182F;
}
.style_current__QNI9X.style_outline__9R_iC:active {
		color: #E3173E;
		border-color: #E3173E;
}
.style_current__QNI9X.style_outline__9R_iC:disabled {
		color: #E5E6E7;
		border-color: #E5E6E7;
		cursor: not-allowed;
}
.style_current__QNI9X.style_link___kPny {
		color: #d2233c;
		padding: 0;
		background: transparent;
		font: 600 16px/140% var(--my-open-sans-regular);
		width: -moz-fit-content;
		width: fit-content;
}
@media only screen and (max-width: 767px) {
		.style_current__QNI9X.style_link___kPny {
				font-size: 14px;
		}
}
.style_current__QNI9X.style_link___kPny:hover {
		color: #B9182F;
}
.style_current__QNI9X.style_link___kPny:focus {
		color: #B9182F;
}
.style_current__QNI9X.style_link___kPny:active {
		color: #E3173E;
}
.style_current__QNI9X.style_link___kPny:disabled {
		color: #E5E6E7;
		cursor: not-allowed;
}

.style_old__XM4kf {
		cursor: pointer;
		border: 1px solid transparent;
		transition: opacity 0.3s ease, color 0.3s ease, background 0.3s ease, border 0.3s ease, box-shadow 0.3s ease;
		color: #fff;
		font: 600 11px/100% var(--my-open-sans-regular);
		min-height: 35px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		text-align: center;
}
.style_old__XM4kf.style_primary___W6lm {
		padding: 10px;
		border-radius: 2px;
		background: #d2233c;
}
.style_old__XM4kf.style_primary___W6lm:hover {
		background: #191714;
}
.style_old__XM4kf.style_primary___W6lm:active {
		background: #191714;
		background-color: #fff;
}
.style_old__XM4kf.style_primary___W6lm:focus {
		background: #191714;
		color: #fff;
}
.style_old__XM4kf.style_primary___W6lm.style_disabled__0qe__ {
		cursor: default;
}
.style_old__XM4kf.style_primary___W6lm.style_disabled__0qe__:hover {
		pointer-events: none;
}
.style_old__XM4kf.style_link___kPny {
		background: transparent;
		color: #d2233c;
		padding: 0;
		border: none;
		min-height: 0;
		text-decoration: none;
		font-weight: 400;
		font-size: 14px;
}
.style_old__XM4kf.style_link___kPny:hover {
		background: transparent;
		color: #b11e33;
		text-decoration: none;
}
.style_old__XM4kf.style_link___kPny:active {
		background: transparent;
		color: #b11e33;
		text-decoration: none;
}
.style_old__XM4kf.style_link___kPny:focus {
		background: transparent;
		color: #b11e33;
		box-shadow: none;
		text-decoration: none;
}
.style_old__XM4kf.style_link___kPny.style_disabled__0qe__ {
		cursor: default;
		background: transparent;
		color: #b11e33;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/core/RollableBlock/style.module.sass ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_titleContainer__CN6SE {
		display: flex;
		align-items: center;
		gap: 6px;
		font-size: 13px;
		font-weight: 400;
		line-height: 120%;
}
.style_titleContainer__CN6SE svg {
		margin-top: 4px;
}

.style_open__RsEvo {
		margin-top: 16px;
}
.style_open__RsEvo svg {
		transform: rotateX(180deg);
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/features/promotionDetail/PromotionCounter/style.module.sass ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_block__hHlR5 {
		display: flex;
		padding: 24px 32px;
		flex-flow: column;
		gap: 8px;
		border: 1px solid #E5E6E7;
		border-radius: 4px;
		width: 380px;
		min-width: 380px;
		position: relative;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_block__hHlR5 {
				padding: 20px 24px;
				gap: 12px;
				width: 270px;
				min-width: 270px;
		}
}
@media only screen and (max-width: 767px) {
		.style_block__hHlR5 {
				padding: 16px 20px;
				gap: 8px;
				width: 300px;
				min-width: 300px;
		}
}

.style_coin__S8edO {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: 0;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_coin__S8edO {
				width: 71px;
				height: 96px;
		}
}
@media only screen and (max-width: 767px) {
		.style_coin__S8edO {
				width: 59px;
				height: 80px;
		}
}

.style_text__Ia0c7 {
		color: #231F20;
		font: 600 16px/140% var(--my-open-sans-regular);
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_text__Ia0c7 {
				font-size: 14px;
		}
}
@media only screen and (max-width: 767px) {
		.style_text__Ia0c7 {
				font-size: 13px;
		}
}

.style_dateBox__sv3Sk {
		display: flex;
		align-items: center;
		gap: 20px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_dateBox__sv3Sk {
				gap: 8px;
		}
}
@media only screen and (max-width: 767px) {
		.style_dateBox__sv3Sk {
				gap: 12px;
		}
}
.style_dateContainer__e0t6w {
		display: flex;
		flex-flow: column;
		justify-content: center;
		align-items: center;
}
.style_dateText__t8Sr_ {
		color: #231F20;
		font: 600 16px/140% var(--my-open-sans-regular);
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_dateText__t8Sr_ {
				font-size: 13px;
		}
}
@media only screen and (max-width: 767px) {
		.style_dateText__t8Sr_ {
				font-size: 12px;
		}
}
.style_dateNumber__gZ7hA {
		color: #d2233c;
		font: 600 32px/124% var(--my-open-sans-regular);
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_dateNumber__gZ7hA {
				font-size: 24px;
		}
}
@media only screen and (max-width: 767px) {
		.style_dateNumber__gZ7hA {
				font-size: 20px;
		}
}
.style_datePoints__2g6Mc {
		color: #231F20;
		font: 600 32px/124% var(--my-open-sans-regular);
		position: relative;
		top: -10px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_datePoints__2g6Mc {
				font-size: 24px;
		}
}
@media only screen and (max-width: 767px) {
		.style_datePoints__2g6Mc {
				font-size: 20px;
		}
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/core/AddToCart/AddToCardPreloader/style.module.sass ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_loader___0WKp {
		position: absolute;
		inset: 0;
		background-color: rgba(255, 255, 255, 0.8);
		display: flex;
		align-items: center;
		justify-content: center;
		z-index: 1;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/core/Favorite/style.module.sass ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_like__FQmiz {
		display: flex;
		align-items: center;
		gap: 8px;
		cursor: pointer;
		white-space: nowrap;
		width: -moz-fit-content;
		width: fit-content;
		padding: 0;
		border: none;
		background: transparent;
}
@media only screen and (max-width: 767px) {
		.style_like__FQmiz {
				gap: 4px;
		}
}
.style_like__FQmiz svg {
		min-width: 24px;
}
.style_like__FQmiz svg path {
		transition: fill 0.3s ease, stroke 0.3s ease;
}
@media (hover: hover) and (pointer: fine) {
		.style_like__FQmiz:hover svg path {
				stroke: #d2233c;
		}
		.style_like__FQmiz:hover .style_text__GUlCd {
				color: #d2233c;
		}
}
.style_like__FQmiz.style_active__ucf9V svg path {
		fill: #d2233c;
		stroke: #d2233c;
}
.style_like__FQmiz.style_active__ucf9V .style_text__GUlCd {
		color: #d2233c;
}
@media (hover: hover) and (pointer: fine) {
		.style_like__FQmiz.style_active__ucf9V:hover svg path {
				fill: #d2233c;
				stroke: #d2233c;
		}
}

.style_text__GUlCd {
		font: 400 14px/140% var(--my-open-sans-regular);
		color: #231F20;
}
@media only screen and (max-width: 767px) {
		.style_text__GUlCd {
				font-size: 13px;
				display: none;
		}
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/core/LabelProduct/style.module.sass ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_label__KiNpg {
		position: relative;
		border: 1.5px solid #000;
		text-transform: uppercase;
		width: -moz-fit-content;
		width: fit-content;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0 8px;
		color: #000;
		background-color: #fff;
}
.style_labelDetail__J7GUv {
		font: 600 12px 100% var(--my-open-sans-regular);
		border-radius: 2px;
}
@media only screen and (max-width: 767px) {
		.style_labelDetail__J7GUv {
				font-size: 10px;
				padding: 6px;
				height: 18px;
		}
}
.style_labelCard__zMAgH {
		font: 600 11px 100% var(--my-open-sans-regular);
}
.style_labelLk__Anveq {
		font: 600 10px 130% var(--my-open-sans-regular);
		height: 17px;
		padding: 2px 4px;
		border-radius: 4px;
		border-width: 1px;
}
@media only screen and (max-width: 991px) {
		.style_labelLk__Anveq {
				height: 14px;
				font-size: 9px;
				line-height: 100%;
		}
}

.style_green__Dvdkq {
		color: #00bb31;
		border-color: #00bb31;
}

.style_blue__kmfGb {
		color: #0072b7;
		border-color: #0072b7;
}

.style_blue-lite__QJs8W {
		color: #00acc8;
		border-color: #00acc8;
}

.style_gray__GkBmG {
		color: #8E8E93;
		border-color: #F1F1F4;
		background-color: #F1F1F4;
}

.style_orange__ISRPR {
		color: #ff5200;
		border-color: #ff5200;
}

.style_percent__iKx3U {
		border-color: #13BB39;
		color: #13BB39;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/core/ProductCard/Counter/style.module.sass ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_counter__0iS5Q {
		height: 36px;
		padding: 6px;
		background: #FFFFFF;
		border-radius: 4px;
		border: 1px solid #DEDEDE;
		display: flex;
		align-items: center;
		overflow: hidden;
		gap: 10px;
		width: 100%;
		justify-content: space-between;
}
.style_counterBtn__3B3j_ {
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		cursor: pointer;
		background: transparent;
		border: none;
		outline: unset;
		padding: 0;
}
.style_counterBtn__3B3j_ svg {
		width: 16px;
		min-width: 16px;
}
.style_counterBtn__3B3j_.style_inactive__J0aH6 {
		pointer-events: none;
}
.style_counterBtn__3B3j_.style_inactive__J0aH6 svg path {
		stroke: #DEDEDE;
}
.style_counterInput__iz0_Z {
		text-align: center;
		font: 400 14px/140% var(--my-open-sans-regular);
		width: 32px;
		height: 20px;
		padding: 0;
		border: none;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/core/ProductCard/AddToCart/style.module.sass ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_card__dMMS3 {
		display: flex;
		align-items: center;
		gap: 16px;
}
.style_card__dMMS3 .style_addCart__gsrLR {
		padding: 8px 8px;
		width: 100%;
		font-size: 14px;
		line-height: 100%;
		height: 36px;
}

.style_small__Dz7_J.style_card__dMMS3 .style_addCart__gsrLR {
		padding: 6px;
		font-size: 13px;
		height: 30px;
}
@media only screen and (max-width: 576px) {
		.style_small__Dz7_J.style_card__dMMS3 .style_addCart__gsrLR {
				height: 26px;
				font-size: 12px;
		}
}
.style_small__Dz7_J.style_card__dMMS3 .style_counter__Kq2vg {
		height: 30px;
		gap: 4px;
}
@media only screen and (max-width: 576px) {
		.style_small__Dz7_J.style_card__dMMS3 .style_counter__Kq2vg {
				height: 26px;
		}
}
.style_small__Dz7_J.style_card__dMMS3 .style_counter__Kq2vg input {
		font-size: 13px;
		height: 18px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/core/ProductCard/Options/style.module.sass ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_options__0sZ6_ {
		display: flex;
		flex-flow: wrap row;
		gap: 8px;
}
.style_optionsItem__mqYsp {
		font: 400 13px/140% var(--my-open-sans-regular);
		padding: 1px 8px;
		transition: color 0.3s, background-color 0.3s;
		border-radius: 2px;
		cursor: pointer;
		border: 1px solid #E5E6E7;
		color: #231F20;
		background: #fff;
}
.style_optionsItem__mqYsp.style_active__52RNr {
		color: #231F20;
		border-color: #d2233c;
		pointer-events: none;
}
.style_optionsItem__mqYsp:hover {
		color: #231F20;
		border-color: #d2233c;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/core/ProductCard/Price/style.module.sass ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_block____lOc {
		display: flex;
		gap: 12px;
		align-items: center;
		flex-flow: wrap;
}

.style_price__7nVlc {
		font: 700 20px/140% var(--my-open-sans-regular);
		color: #231F20;
		padding: 0;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_price__7nVlc {
				font-size: 18px;
		}
}
@media only screen and (max-width: 767px) {
		.style_price__7nVlc {
				font-size: 16px;
		}
}
.style_priceDiscount__kzt_3 {
		padding: 3px 4px 4px 6px;
		border-radius: 4px;
		background: #13BB39;
		color: #fff;
		height: 28px;
		line-height: 100%;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_priceDiscount__kzt_3 {
				height: 27px;
				padding: 4px 4px 4px 6px;
		}
}
@media only screen and (max-width: 767px) {
		.style_priceDiscount__kzt_3 {
				height: 25px;
				padding: 4px 4px 3px 6px;
		}
}
.style_priceNotAvailable__TwGOi {
		color: #8E8E93;
		background: transparent;
		padding-left: 0;
		padding-right: 0;
}
.style_priceNotInStock__WPkdX {
		display: block;
		opacity: 0;
		height: 28px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_priceNotInStock__WPkdX {
				height: 25.2px;
		}
}
@media only screen and (max-width: 767px) {
		.style_priceNotInStock__WPkdX {
				height: 22.4px;
		}
}
.style_priceWithoutDiscount__Rw6iY {
		font: 600 13px/140% var(--my-open-sans-regular);
		text-decoration: line-through;
		color: #8E8E93;
}
@media only screen and (max-width: 767px) {
		.style_priceWithoutDiscount__Rw6iY {
				font-size: 12px;
		}
}

.style_small__0Ji1_.style_block____lOc {
		gap: 8px;
}
@media only screen and (max-width: 991px) {
		.style_small__0Ji1_.style_block____lOc {
				gap: 12px;
		}
}
.style_small__0Ji1_.style_block____lOc .style_price__7nVlc {
		font-size: 18px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_small__0Ji1_.style_block____lOc .style_price__7nVlc {
				font-size: 18px;
		}
}
@media only screen and (max-width: 767px) {
		.style_small__0Ji1_.style_block____lOc .style_price__7nVlc {
				font-size: 16px;
		}
}
.style_small__0Ji1_.style_block____lOc .style_priceDiscount__kzt_3 {
		height: 27px;
}
@media only screen and (max-width: 767px) {
		.style_small__0Ji1_.style_block____lOc .style_priceDiscount__kzt_3 {
				height: 25px;
				padding: 4px 4px 2px 6px;
		}
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/core/Checkbox/style.module.sass ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_checkboxWrap__gYEDt {
		position: relative;
}
.style_checkboxWrap__gYEDt.style_disabled__gnvDw label {
		color: #8E8E93;
		pointer-events: none;
}
.style_checkboxInput__4Mew2 {
		position: absolute;
		z-index: -1;
		left: -9999px;
		opacity: 0;
		display: none;
		top: 0;
}
.style_checkboxInput__4Mew2 + label {
		display: inline-flex;
		user-select: none;
		cursor: pointer;
}
.style_checkboxInput__4Mew2 + label::before {
		content: "";
		display: inline-block;
		width: 16px;
		height: 16px;
		flex-shrink: 0;
		flex-grow: 0;
		border-radius: 2px;
		border: 1px solid #E5E6E7;
		background-color: #fff;
		margin-right: 8px;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 50% 50%;
		transition: background-color 0.3s, border-color 0.3s;
}
.style_checkboxInput__4Mew2:checked + label::before {
		background: #d2233c url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkNoZWNrYm94Ij4KPHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSIjRDIyMzNDIi8+CjxwYXRoIGlkPSJWZWN0b3IgMzUiIGQ9Ik0zIDcuMjMwNzdMNi44NSAxMUwxNCA0IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiLz4KPC9nPgo8L3N2Zz4K") no-repeat center/contain;
		border: 1px solid #d2233c;
}
.style_checkboxInput__4Mew2:not(:disabled):not(:checked) + label:hover::before {
		border-color: #E5E6E7;
		background-color: #F1F1F4;
}
.style_checkboxInput__4Mew2:not(:disabled):active + label::before {
		background-color: #F1F1F4;
		border-color: #F6677B;
}
.style_checkboxInput__4Mew2:focus:not(:checked) + label::before {
		background-color: #F1F1F4;
		border-color: #F6677B;
}
.style_checkboxInput__4Mew2:disabled:not(:checked) + label::before {
		background-color: #fff;
		border-color: #F1F1F4;
}
.style_checkbox__eAfQT label {
		color: #0A0A0A;
}
.style_checkboxError__REHVf {
		margin-top: 4px;
		color: #FFA7B3;
		font: 400 14px/120% var(--my-open-sans-regular);
}
@media only screen and (max-width: 767px) {
		.style_checkboxError__REHVf {
				font-size: 12px;
				line-height: 140%;
		}
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/features/product/ModalCustomWrap/style.module.sass ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_modalOverlay__RXsO1 {
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		position: fixed;
		display: flex;
		justify-content: center;
		align-items: center;
		background: rgba(142, 142, 147, 0.6);
		z-index: 1000;
		overflow-y: auto;
		padding: 20px 10px;
}

.style_modal__gBg61 {
		margin: auto;
		outline: none;
		background: #fff;
		z-index: 1001;
}
@media only screen and (max-width: 576px) {
		.style_modal__gBg61 {
				max-width: 450px;
		}
}
@media only screen and (max-width: 767px) {
		.style_modalSend__J9kF2 {
				padding: 50px 60px 50px 60px;
		}
}
.style_modalWrap__ePP4i {
		position: relative;
		padding: 60px;
}
@media only screen and (max-width: 767px) {
		.style_modalWrap__ePP4i {
				padding: 52px 11px 24px 11px;
		}
}
.style_modalTitle__j_rLy {
		font: 600 32px/120% var(--my-open-sans-regular);
		color: #151515;
		margin-bottom: 28px;
}
@media only screen and (max-width: 767px) {
		.style_modalTitle__j_rLy {
				font-size: 28px;
		}
}
.style_modalClose__7Q_FU {
		position: relative;
		margin-left: auto;
		transition: opacity 0.3s;
		cursor: pointer;
		padding: 0;
		border: none;
		background: transparent;
}
.style_modalClose__7Q_FU:hover {
		opacity: 0.7;
		transition: opacity 0.3s;
}
.style_modalCloseWrap__ebp8H {
		position: absolute;
		content: "";
		right: 22px;
		top: 22px;
}
@media only screen and (max-width: 767px) {
		.style_modalCloseWrap__ebp8H {
				right: 11px;
				top: 11px;
		}
}
@media only screen and (max-width: 767px) {
		.style_modalCloseWrap__ebp8H svg {
				width: 16px;
				height: 16px;
				min-width: 16px;
		}
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/shared/fields/InputTextWrap/style.module.sass ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_componentWrap__sUbqA {
		position: relative;
}
.style_componentPlaceholder__Y50tJ {
		position: absolute;
		content: "";
		left: 12px;
		top: 50%;
		transform: translate(0, -50%);
		font: 400 16px/100% var(--my-open-sans-regular);
		color: #A5A4A4;
		margin: 0;
		opacity: 1;
		transition: opacity 0.3s;
}
@media only screen and (max-width: 767px) {
		.style_componentPlaceholder__Y50tJ {
				font-size: 14px;
		}
}
.style_componentPlaceholder__Y50tJ.style_hidden__7buhQ {
		opacity: 0;
		z-index: -1;
}
.style_componentPlaceholder__Y50tJ span {
		color: #d2233c;
}
.style_componentError__rfQ50 {
		font: 400 12px/120% var(--my-open-sans-regular);
		color: #FFA7B3;
}
.style_component__counter__x_ZCw {
		position: absolute;
		font: 400 12px/100% var(--my-open-sans-regular);
		color: #64686B;
		right: 10px;
		bottom: 10px;
}
.style_component__area__5gtUI {
		border: 1px solid #E5E6E7;
		padding-bottom: 20px;
}
.style_component__area__5gtUI .style_custom-textarea__Eg8Ua {
		padding-bottom: 2px;
		resize: none;
		overflow: hidden;
		min-height: 50px;
		border-color: transparent;
}
.style_component__area__5gtUI .style_custom-textarea--error__RTpZ5 {
		border-color: transparent;
}
.style_component__area__5gtUI .style_custom-textarea__Eg8Ua:focus {
		border-color: transparent;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/shared/modals/product/Subscribe/style.module.sass ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_form__Un_PN {
		max-width: 460px;
}
.style_formBox__dFR2C {
		display: flex;
		flex-flow: column;
		gap: 20px;
		margin-top: 28px;
}
@media only screen and (max-width: 767px) {
		.style_formBox__dFR2C {
				margin-top: 18px;
		}
}
.style_formText__LtMXB {
		color: #231F20;
		font: 600 18px/120% var(--my-open-sans-regular);
		margin-bottom: 12px;
}
@media only screen and (max-width: 767px) {
		.style_formText__LtMXB {
				margin-top: -10px;
		}
}
.style_formMessage__vO9IX {
		color: #231F20;
		font: 600 18px/120% var(--my-open-sans-regular);
		text-align: center;
		margin-bottom: 16px;
}
@media only screen and (max-width: 767px) {
		.style_formMessage__vO9IX {
				margin-bottom: 24px;
		}
}
.style_formCheckboxText__qny5B {
		color: #0A0A0A;
		font: 400 11px/120% var(--my-open-sans-regular);
}
.style_formCheckboxText__qny5B a {
		color: #464B52;
		text-decoration-line: underline;
		transition: color 0.3s;
}
.style_formCheckboxText__qny5B a:hover {
		color: #d2233c;
}
.style_formFieldError__HCOL1 {
		font: 400 12px/120% var(--my-open-sans-regular);
		color: #FFA7B3;
}
.style_formCheckbox__zIEv9 span {
		font: 400 12px/120% var(--my-open-sans-regular);
		color: #FFA7B3;
}
.style_form__Un_PN .style_formSubmit__Cb3eE {
		padding: 18px 24px;
		font-size: 16px;
		height: 48px;
		width: 100%;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/core/ProductCard/style.module.sass ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_card__ovtAT {
		position: relative;
		padding: 16px;
		border-radius: 4px;
		border: 1px solid #E5E6E7;
		background: #fff;
		display: flex;
		flex-flow: column;
		z-index: 0;
		width: 100%;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_card__ovtAT {
				padding: 12px;
		}
}
@media only screen and (max-width: 767px) {
		.style_card__ovtAT {
				border-color: transparent;
				padding: 0;
		}
}
.style_cardTop__q1Lae {
		position: relative;
		padding: 12px 0;
		margin-bottom: 8px;
}
@media only screen and (max-width: 991px) {
		.style_cardTop__q1Lae {
				margin-bottom: 4px;
		}
}
.style_cardTop__q1Lae img {
		margin: 0 auto;
		object-fit: contain;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_cardTop__q1Lae img {
				width: 132px;
				height: 132px;
		}
}
@media only screen and (max-width: 767px) {
		.style_cardTop__q1Lae img {
				width: 124px;
				height: 124px;
		}
}
.style_cardTop__q1Lae.style_disabled__WgkaI {
		opacity: 0.5;
}
.style_cardBottom__16uX3 {
		display: flex;
		flex-flow: column;
		margin-bottom: 16px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_cardBottom__16uX3 {
				margin-bottom: 12px;
		}
}
@media only screen and (max-width: 767px) {
		.style_cardBottom__16uX3 {
				margin-bottom: 16px;
		}
}

.style_label__8dqGc {
		font: 600 11px/130% var(--my-open-sans-regular);
		height: 22px;
		border-width: 1.5px;
		border-radius: 4px;
		padding: 4px 8px 3px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_label__8dqGc {
				padding: 4px 6px 3px;
				height: 19px;
				font-size: 10px;
		}
}
@media only screen and (max-width: 767px) {
		.style_label__8dqGc {
				border-width: 1px;
				border-radius: 2px;
				height: 16px;
				font-size: 10px;
				padding: 2px 5px;
		}
}
.style_label__8dqGc.style_notAvailable__GA9qP {
		text-transform: none;
		font-size: 10px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_label__8dqGc.style_notAvailable__GA9qP {
				font-size: 9px;
				padding: 3px 6px;
		}
}
.style_labelContainer__66dz5 {
		position: absolute;
		top: 16px;
		left: 16px;
		z-index: 1;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_labelContainer__66dz5 {
				top: 12px;
				left: 12px;
		}
}
@media only screen and (max-width: 767px) {
		.style_labelContainer__66dz5 {
				top: 0;
				left: 0;
		}
}
.style_label__8dqGc + .style_label__8dqGc {
		margin-top: 5px;
}

.style_favorite__0OLF2 {
		position: absolute;
		top: 16px;
		right: 16px;
		z-index: 1;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_favorite__0OLF2 {
				top: 12px;
				right: 12px;
		}
}
@media only screen and (max-width: 767px) {
		.style_favorite__0OLF2 {
				top: 0;
				right: 0;
		}
}

.style_title__NpBGf {
		color: #231F20;
		font: 400 16px/140% var(--my-open-sans-regular);
		margin: 4px 0 12px 0;
		transition: color 0.3s;
		max-height: 66px;
		overflow-y: hidden;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		text-overflow: ellipsis;
		white-space: pre-line;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_title__NpBGf {
				font-size: 14px;
				max-height: 60px;
		}
}
@media only screen and (max-width: 767px) {
		.style_title__NpBGf {
				margin: 2px 0 8px 0;
				font-size: 13px;
				max-height: 34px;
				-webkit-line-clamp: 2;
		}
}
.style_title__NpBGf:hover {
		color: #d2233c;
}

.style_card__ovtAT .style_action__36J9C {
		position: relative;
		margin-top: auto;
}
.style_card__ovtAT .style_action__36J9C .style_actionBasket__FV3t_ {
		width: 116px;
		height: 36px;
		padding: 8px;
		font-size: 14px;
		line-height: 100%;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_card__ovtAT .style_action__36J9C .style_actionBasket__FV3t_ {
				height: 34px;
				width: 87px;
				padding: 5px;
				font-size: 13px;
		}
}
@media only screen and (max-width: 767px) {
		.style_card__ovtAT .style_action__36J9C .style_actionBasket__FV3t_ {
				padding: 4px;
				font-size: 12px;
				width: 78px;
				height: 28px;
		}
}
.style_card__ovtAT .style_action__36J9C .style_btnOther__p3R5d, .style_card__ovtAT .style_action__36J9C .style_btnLink__1t7v0 {
		padding: 8px 20px;
		height: 36px;
		font-size: 13px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_card__ovtAT .style_action__36J9C .style_btnOther__p3R5d, .style_card__ovtAT .style_action__36J9C .style_btnLink__1t7v0 {
				height: 34px;
				padding: 5px 10px;
				font-size: 12px;
		}
}
@media only screen and (max-width: 767px) {
		.style_card__ovtAT .style_action__36J9C .style_btnOther__p3R5d, .style_card__ovtAT .style_action__36J9C .style_btnLink__1t7v0 {
				padding: 4px 8px;
				font-size: 12px;
				height: 28px;
		}
}

.style_slider__ekvbj.style_card__ovtAT .style_cardTop__q1Lae img {
		height: 140px;
		width: 140px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_slider__ekvbj.style_card__ovtAT .style_cardTop__q1Lae img {
				width: 132px;
				height: 132px;
		}
}
@media only screen and (max-width: 767px) {
		.style_slider__ekvbj.style_card__ovtAT .style_cardTop__q1Lae img {
				width: 124px;
				height: 124px;
		}
}
.style_slider__ekvbj.style_card__ovtAT .style_title__NpBGf {
		font-size: 14px;
		margin: 4px 0 10px 0;
		height: 60px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_slider__ekvbj.style_card__ovtAT .style_title__NpBGf {
				font-size: 14px;
		}
}
@media only screen and (max-width: 767px) {
		.style_slider__ekvbj.style_card__ovtAT .style_title__NpBGf {
				margin: 2px 0 8px 0;
				font-size: 13px;
		}
}
.style_slider__ekvbj.style_card__ovtAT .style_action__36J9C {
		position: relative;
}
.style_slider__ekvbj.style_card__ovtAT .style_action__36J9C .style_actionBasket__FV3t_ {
		width: 86px;
		height: 30px;
		padding: 6px;
		font-size: 13px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_slider__ekvbj.style_card__ovtAT .style_action__36J9C .style_actionBasket__FV3t_ {
				height: 34px;
				width: 87px;
				padding: 5px;
				font-size: 13px;
		}
}
@media only screen and (max-width: 767px) {
		.style_slider__ekvbj.style_card__ovtAT .style_action__36J9C .style_actionBasket__FV3t_ {
				padding: 4px;
				font-size: 12px;
				width: 78px;
				height: 28px;
		}
}
.style_slider__ekvbj.style_card__ovtAT .style_action__36J9C .style_btnOther__p3R5d {
		padding: 6px;
		height: 30px;
		font-size: 13px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_slider__ekvbj.style_card__ovtAT .style_action__36J9C .style_btnOther__p3R5d {
				height: 34px;
				padding: 5px 10px;
				font-size: 13px;
		}
}
@media only screen and (max-width: 767px) {
		.style_slider__ekvbj.style_card__ovtAT .style_action__36J9C .style_btnOther__p3R5d {
				padding: 4px 8px;
				font-size: 12px;
				height: 28px;
		}
}
.style_slider__ekvbj.style_card__ovtAT .style_action__36J9C .style_btnLink__1t7v0 {
		padding: 6px;
		height: 30px;
		font-size: 13px;
		width: 174px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_slider__ekvbj.style_card__ovtAT .style_action__36J9C .style_btnLink__1t7v0 {
				height: 34px;
				padding: 5px 10px;
				font-size: 13px;
				width: -moz-fit-content;
				width: fit-content;
		}
}
@media only screen and (max-width: 767px) {
		.style_slider__ekvbj.style_card__ovtAT .style_action__36J9C .style_btnLink__1t7v0 {
				padding: 4px 8px;
				font-size: 12px;
				height: 28px;
				width: -moz-fit-content;
				width: fit-content;
		}
}

.style_stub__KW4Ml {
		font: 600 13px/100% var(--my-open-sans-regular);
		color: #231F20;
		padding: 8px 20px;
		height: 36px;
		box-shadow: 0 0 16px 0 #EAEAEA;
		border-radius: 4px;
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_stub__KW4Ml {
				height: 34px;
				padding: 5px 10px;
				font-size: 12px;
		}
}
@media only screen and (max-width: 767px) {
		.style_stub__KW4Ml {
				padding: 4px 8px;
				font-size: 12px;
				height: 28px;
		}
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/features/promotionDetail/PromotionList/style.module.sass ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_section__rK7e_ .style_sectionTitle__DYx_J, .style_section__rK7e_ h2 {
		font: 600 24px/130% var(--my-open-sans-regular);
		color: #231F20;
		margin-bottom: 28px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_section__rK7e_ .style_sectionTitle__DYx_J, .style_section__rK7e_ h2 {
				margin-bottom: 20px;
				font-size: 18px;
		}
}
@media only screen and (max-width: 767px) {
		.style_section__rK7e_ .style_sectionTitle__DYx_J, .style_section__rK7e_ h2 {
				margin-bottom: 16px;
				font-size: 18px;
		}
}
.style_sectionProducts__Fo4VX {
		margin-top: 40px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_sectionProducts__Fo4VX {
				margin-top: 32px;
		}
}
@media only screen and (max-width: 767px) {
		.style_sectionProducts__Fo4VX {
				margin-top: 24px;
		}
}
.style_sectionProductsGrid__Q_EQS {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
		gap: 20px;
}
.style_sectionProductsGridSpace__xdqGv {
		margin-top: 28px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_sectionProductsGridSpace__xdqGv {
				margin-top: 20px;
		}
}
@media only screen and (max-width: 767px) {
		.style_sectionProductsGridSpace__xdqGv {
				margin-top: 16px;
		}
}

.style_rollable__1rMYf {
		font: 600 14px/140% var(--my-open-sans-regular) !important;
		gap: 4px !important;
		color: #d2233c !important;
		margin-top: 28px !important;
		display: flex;
		align-items: center;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_rollable__1rMYf {
				font-size: 13px !important;
				margin-top: 20px !important;
		}
}
@media only screen and (max-width: 767px) {
		.style_rollable__1rMYf {
				font-size: 12px !important;
				margin-top: 16px !important;
				gap: 2px !important;
		}
}
.style_rollable__1rMYf svg {
		min-width: 24px;
		width: 24px;
		height: 24px;
		margin: 2px 0 0 0;
}
@media only screen and (max-width: 767px) {
		.style_rollable__1rMYf svg {
				min-width: 20px;
				width: 20px;
				height: 20px;
		}
}
.style_rollablePrimary__7AmrW {
		margin-top: 28px;
}
.style_rollablePrimary__7AmrW svg path {
		stroke: #fff;
}
.style_rollableContainer__Y312Y {
		margin-top: 28px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_rollableContainer__Y312Y {
				margin-top: 20px;
		}
}
@media only screen and (max-width: 767px) {
		.style_rollableContainer__Y312Y {
				margin-top: 16px;
		}
}

.style_open__dltvG {
		margin-top: 16px;
}
.style_open__dltvG svg {
		transform: rotateX(180deg);
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[9].use[5]!./src/components/features/promotionDetail/style.module.sass ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.style_page__gb6wN {
		margin: 0 0 80px 0;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_page__gb6wN {
				margin: 10px 0 40px 0;
		}
}
@media only screen and (max-width: 767px) {
		.style_page__gb6wN {
				margin: 12px 0 30px 0;
		}
}
.style_pageWrapper__SGnj9 {
		margin: 0 auto;
		max-width: 1212px;
		min-width: 300px;
		padding: 0 16px;
}
@media only screen and (min-width: 1399px) {
		.style_pageWrapper__SGnj9 {
				padding: 0 16px;
		}
}
@media only screen and (max-width: 1199px) {
		.style_pageWrapper__SGnj9 {
				padding: 0 16px;
		}
}
@media only screen and (max-width: 767px) {
		.style_pageWrapper__SGnj9 {
				padding: 0 10px;
		}
}
.style_page__gb6wN .style_pageTitle__X1OCL {
		margin: 0 0 40px 0;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_page__gb6wN .style_pageTitle__X1OCL {
				margin: 0 0 24px 0;
				font-size: 32px;
		}
}
@media only screen and (max-width: 767px) {
		.style_page__gb6wN .style_pageTitle__X1OCL {
				margin: 0 0 20px 0;
				font-size: 26px;
		}
}

.style_content__jFa51 {
		display: flex;
		flex-flow: column;
}

.style_banner__5tFdh {
		object-fit: cover;
		position: absolute;
}
@media only screen and (max-width: 767px) {
		.style_banner__5tFdh {
				object-fit: contain;
		}
}
.style_bannerMob__zuS_o {
		display: none;
}
@media only screen and (max-width: 767px) {
		.style_bannerMob__zuS_o {
				display: block;
		}
}
@media only screen and (max-width: 767px) {
		.style_bannerDesc__yrqYH {
				display: none;
		}
}
.style_bannerContainer__7nKw9 {
		position: relative;
		padding-bottom: 35%;
		height: 0;
		pointer-events: none;
		border-radius: 12px;
		overflow: hidden;
}
@media only screen and (max-width: 767px) {
		.style_bannerContainer__7nKw9 {
				padding-bottom: 38.66%;
				border-radius: 3px;
		}
}

.style_main__uc9zy {
		display: flex;
		justify-content: space-between;
		gap: 16px 20px;
		margin-top: 40px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_main__uc9zy {
				margin-top: 24px;
		}
}
@media only screen and (max-width: 767px) {
		.style_main__uc9zy {
				flex-flow: column;
				margin-top: 16px;
		}
}
.style_mainContent__lfzdT {
		max-width: 680px;
}

.style_sectionConditions__pu_Eh {
		margin-top: 40px;
}
@media only screen and (max-width: 767px) {
		.style_sectionConditions__pu_Eh {
				margin-top: 24px;
		}
}
.style_sectionConditions__pu_Eh h1, .style_sectionConditions__pu_Eh h2, .style_sectionConditions__pu_Eh h3, .style_sectionConditions__pu_Eh h4, .style_sectionConditions__pu_Eh h5, .style_sectionConditions__pu_Eh h6, .style_sectionConditions__pu_Eh p, .style_sectionConditions__pu_Eh div, .style_sectionConditions__pu_Eh a {
		margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
		.style_sectionConditions__pu_Eh h1, .style_sectionConditions__pu_Eh h2, .style_sectionConditions__pu_Eh h3, .style_sectionConditions__pu_Eh h4, .style_sectionConditions__pu_Eh h5, .style_sectionConditions__pu_Eh h6, .style_sectionConditions__pu_Eh p, .style_sectionConditions__pu_Eh div, .style_sectionConditions__pu_Eh a {
				margin-bottom: 24px;
		}
}
.style_sectionConditionsContainer__f3_rI ul, .style_sectionConditionsContainer__f3_rI li {
		margin: 0;
}

.style_rollable__PyGe1 {
		font: 600 14px/140% var(--my-open-sans-regular) !important;
		gap: 4px !important;
		color: #d2233c !important;
		margin-top: 28px !important;
		display: flex;
		align-items: center;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_rollable__PyGe1 {
				font-size: 13px !important;
				margin-top: 20px !important;
		}
}
@media only screen and (max-width: 767px) {
		.style_rollable__PyGe1 {
				font-size: 12px !important;
				margin-top: 16px !important;
				gap: 2px !important;
		}
}
.style_rollable__PyGe1 svg {
		min-width: 24px;
		width: 24px;
		height: 24px;
		margin: 2px 0 0 0;
}
@media only screen and (max-width: 767px) {
		.style_rollable__PyGe1 svg {
				min-width: 20px;
				width: 20px;
				height: 20px;
		}
}
.style_rollableContainer__eTl4G {
		margin-top: 28px;
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
		.style_rollableContainer__eTl4G {
				margin-top: 20px;
		}
}
@media only screen and (max-width: 767px) {
		.style_rollableContainer__eTl4G {
				margin-top: 16px;
		}
}

.style_open__4qwq3 {
		margin-top: 16px;
}
.style_open__4qwq3 svg {
		transform: rotateX(180deg);
}